<template>
  <div>
    <div class="one">
      <div class="nav">
        <span class="basic">单据管理</span>
      </div>
      <div class="content">
        <table>
          <tr class="hea">
            <th>名称</th>
            <th>操作</th>
          </tr>
          <tr>
            <td>进仓库通知单</td>
            <td><span class="operation" @click="goToWarehouse">生成</span></td>
          </tr>
          <tr>
            <td>提单确认件</td>
            <td><span class="operation">下载</span></td>
          </tr>
          <tr>
            <td>提单</td>
            <td><span class="operation">上传</span></td>
          </tr>
          <tr>
            <td>报关资料</td>
            <td><span class="operation">下载</span></td>
          </tr>
          <tr>
            <td>预录单</td>
            <td><span class="operation">上传</span></td>
          </tr>
          <tr>
            <td>报关底单</td>
            <td><span class="operation">上传</span></td>
          </tr>
          <tr>
            <td>旅行通知书</td>
            <td><span class="operation">上传</span></td>
          </tr>
          <tr>
            <td>电放</td>
            <td><span class="operation">上传</span></td>
          </tr>
        </table>
      </div>
    </div>
  </div>
</template>
<script setup>
import { useRoute, useRouter } from "vue-router";
const router = useRouter();
const route = useRoute(); // 获取路由对象
const orderid = route.query.orderid;
function goToWarehouse() {
  router.push({
    path: "/forwarder/Warehouse",
    query: {
      orderid: orderid
    }
  });
}
</script>
<style scoped>
.nav {
  background-color: #efefef;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #c1c1c1;
}
.one {
  background-color: #ffffff;
  border: 1px solid #c1c1c1;
}
.basic {
  margin-left: 30px;
}
.content {
  position: relative;
  padding-top: 30px;
}
.content button {
  color: #fff;
  width: 150px;
  height: 50px;
  background-color: #356d9e;
  position: absolute;
  right: 100px;
  bottom: 50px;
}
.hea {
  background-color: #dbdddf;
}
table {
  width: 80vw;
}
table th {
  width: 40vw;
}
th,
td {
  padding: 30px 0px;
  text-align: center;
}
table tr {
  border: 1px solid #dbdddf;
  margin-top: 3px;
}
.operation {
  color: #1a73e6;
  cursor: pointer;
}
</style>
